<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <script src="/D:/TempFiles/IntellijIdea/Pisum/SimpleWeb/src/main/webapps/libs/jquery-1.11.3.js"></script>
    <title>jQuery对象转为成DOM</title>
</head>
<body>
<div>元素一</div>
<div>元素二</div>
<div>元素三</div>

<script type="text/javascript">
    var $div=$("div");
    var div2=$div.get(2);
    div2.style.color="red";
    var div1=$div[1];
    var $div1=$(div1).html("修改后的元素二").css("color","blue");
</script>
<script type="text/javascript">
    var div=document.getElementsByTagName("div");
    var $div=$(div);
     var $first=$div.first();
    $first.css({
        "color":"purple",
        "background-color":"#98bf21",
        "font-family":"Arial",
        "font-size":"20px",
        "padding":"5px"
    });
</script>
</body>
</html>
<!DOCTYPE html>
<html>


